@keyframes moveIn {
    from {
        opacity: 0;
        transform: translateX(-100px) rotate(-360deg);
    }
    to {
        opacity: 1;
        transform: translateX(0) rotate(0);
    }
}

@keyframes fadeOutIn {
    from {
        opacity: 0;
        transform: translateY(10px) scale(0.8);
    }
    to {
        opacity: 1;
        transform: translateY(0)  scale(1);
    }
}
* {
    padding: 0;
    margin: 0;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    box-sizing: border-box;
}

body, html {
    height: 100%;
}

#app {
    height: 100%;
}

.table-container {
    display: flex;
    justify-content: center;
    padding: 12px 12px;
    background-color: aliceblue;
}

.phone {
    text-decoration: none;
    font-size: 18px;
    color: #333333;
}

table {
    width: 60%;
    border-collapse: collapse;
}

table, th, td {
    border: 1px solid #373737;
    text-align: center;
}

/* Stick Footer */
.stick-wrapper {
    position: relative;
    min-height: 100%;
    padding-bottom: 105px;
}

.stick-wrapper .stick-footer {
    position: absolute;
    width: 100%;
    height: 105px;
    left: 0;
    bottom: 0;
}

/* Tools */
.m-b-5 {margin-bottom: 5px !important;}
.m-b-10 {margin-bottom: 10px !important;}
.m-b-15 {margin-bottom: 15px !important;}
.m-b-20 {margin-bottom: 20px !important;}
.m-b-25 {margin-bottom: 25px !important;}
.m-b-30 {margin-bottom: 30px !important;}
.m-b-35 {margin-bottom: 35px !important;}
.m-b-40 {margin-bottom: 40px !important;}
.m-b-45 {margin-bottom: 45px !important;}
.m-b-50 {margin-bottom: 50px !important;}
.m-b-55 {margin-bottom: 55px !important;}
.m-b-60 {margin-bottom: 60px !important;}
.m-b-65 {margin-bottom: 65px !important;}
.m-b-70 {margin-bottom: 70px !important;}
.m-b-75 {margin-bottom: 75px !important;}
.m-b-80 {margin-bottom: 80px !important;}
.m-b-85 {margin-bottom: 85px !important;}
.m-b-90 {margin-bottom: 90px !important;}
.m-b-95 {margin-bottom: 95px !important;}
.m-b-100 {margin-bottom: 100px !important;}
.m-b-300 {margin-bottom: 300px !important;}

.m-r-5 {margin-right: 5px !important;}
.m-r-10 {margin-right: 10px !important;}
.m-r-15 {margin-right: 15px !important;}
.m-r-20 {margin-right: 20px !important;}

.m-l-5 {margin-left: 5px !important;}
.m-l-10 {margin-left: 10px !important;}
.m-l-15 {margin-left: 15px !important;}
.m-l-20 {margin-left: 20px !important;}

.m-t-5 {margin-top: 5px !important;}
.m-t-10 {margin-top: 10px !important;}
.m-t-15 {margin-top: 15px !important;}
.m-t-20 {margin-top: 20px !important;}

.width-5 {width: 5% !important;}
.width-10 {width: 10% !important;}
.width-15 {width: 15% !important;}
.width-20 {width: 20% !important;}
.width-25 {width: 25% !important;}
.width-30 {width: 30% !important;}
.width-35 {width: 35% !important;}
.width-40 {width: 40% !important;}
.width-45 {width: 45% !important;}
.width-50 {width: 50% !important;}
.width-55 {width: 55% !important;}
.width-60 {width: 60% !important;}
.width-65 {width: 65% !important;}
.width-70 {width: 70% !important;}
.width-75 {width: 75% !important;}
.width-80 {width: 80% !important;}
.width-85 {width: 85% !important;}
.width-90 {width: 90% !important;}
.width-95 {width: 95% !important;}
.width-100 {width: 100% !important;}

/* flex */
.fl {
    display: flex !important;
    flex-wrap: wrap !important;
}
.fl-col-center {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.fl-align-top {
    align-items: flex-start !important;
}
.fl-align-center {
    align-items: center !important;
}
.fl-align-end {
    align-items: flex-end !important;
}
.fl-space-bw {
    justify-content: space-between !important;
}
.fl-space-center {
    justify-content: center !important;
}
.fl-space-end {
    justify-content: flex-end !important;
}

/* Form */
.form-container {
    padding: 10px;
}
.form-container .form-wrapper {
    width: 100%;
    margin-bottom: 10px;
}
.form-wrapper input.text {
    outline: none;
    width: 100%;
    height: 46px;
    border-radius: 6px;
    border: 1px solid #eeeeee;
    padding: 0 10px;
    font-size: 15px;
}
.form-wrapper .submit {
    display: block;
    width: calc(100% - 32px);
    line-height: 50px;
    background-color: #0095ff;
    color: white;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    border-radius: 50px;
    font-size: 18px;
}
.form-wrapper .assist-btn {
    line-height: 46px;
    border: 1px solid #eeeeee;
    width: 100px;
    border-radius: 6px;
    color: #333333;
    text-decoration: none;
    font-size: 14px;
    text-align: center;
}
